*{
    margin: 0;
    padding: 0;
}
body,html{
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 108 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
.mains{
    position: absolute;
    background: white;
   .txh();
   left: 0;
   top: 0;
   bottom: 0;
   .px2rem(margin-top,120);
   .px2rem(margin-bottom,134);
   width: 100%;
    flex-direction: column;    
    .article{
        
        width: 100%;
        background: url(../img/backdrop.png) no-repeat center;
        background-size: 100% 100%;
        .px2rem(height,450);
       .txh();
       align-items: center;
       justify-content: center;
            .sculpture{
                width: 60%;
                .txh();
                .px2rem(height,255);
                justify-content: space-between;
                align-items: center;
                span{
                   color: white;
                   .px2rem(font-size,50);
                   p{
                       color: #d29f63;
                   }
                    
                }
               span:nth-child(1){
                   img{
                       .px2rem(width,255);
                       display: none;
                   }
                   a{
                       color: white;
                       .px2rem(font-size,90);
                   }
               }
               
               
            }
     
    }    
       ul{
           
       width: 90%;
       .txh();
       margin: 0 auto;
       flex-direction: column;
           li{
               .txh();
               align-items: center;
               .px2rem(height,226);
               >img{
                   .px2rem(width,152);
               }
                .section{ 
                    .txh();
                    flex: 1;
                    border-bottom: 1px #ccc solid;
                    .px2rem(margin-left,26);
                    .px2rem(height,225);
                    align-items: center;
                    justify-content: space-between;
                    span{
                    .px2rem(font-size,52);
                        p{
                            .px2rem(font-size,32);
                            color: #8b8b8b;
                        }
                        
                    }
                    span:nth-child(2){
                        color: #8B8B8B;
                    }
                }
            }
        }
   
   
   
   
   
}





.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .txh();
    justify-content: center;
    align-items: center;
    .px2rem(height,134);
    background: #25252f;
    a{
        color: white;
        .px2rem(font-size,52);
    }
}
